<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>淘宝</title>
    <link rel="stylesheet" href="./淘宝.css">
    <style>
        
        .box{
            width:240px;
            height:10px;
            background-color: rgb(219, 225, 231);
            border-radius: 12px;
        }
        .box1{
            width: 240px;
            height: 400px;
            background-color: rgb(219, 225, 231) ;
            border-radius: 12px;
        }
    
        .box3{
            width: 489px;
            height: 48px;
           margin-left: 280px;
           background-color: rgb(219, 225, 231);
           text-align: center;
           line-height: 48px;
           border-radius: 12px;
           position: absolute;
          top:10px;
             }
        li{
            list-style: none;
            padding: 5px;
            position: relative;
            right:30px;
        }
        .box4{
            width: 240px;
            height: 160px;
            background-color:rgb(219, 225, 231) ;
            position: relative;
            top:15px;
            border-radius: 12px;
        }
        .box5{
            width: 240px;
            height: 160px;
            background-color:rgb(219, 225, 231) ;
            position: relative;
            top:-23px;
            text-align: left;
            font-size: large;
            border-radius: 12px;
        }
        .box6{
            width: 240px;
            height: 160px;
            background-color:rgb(219, 225, 231) ;
            position: relative;
            top:-355px;
            float:left;
            left: 250px;
            border-radius: 12px;
            text-align: left;
            font-size: large;
        }
        .box7{
            width: 240px;
            height: 160px;
            background-color:rgb(219, 225, 231) ;
            position: relative;
            top:-342px;
            float:left;
            left: 250px;
            border-radius: 12px; 
          
        }
        span{
            background-color: orangered;
            border-radius: 12px;
            color: aliceblue;
            font-size: small;
        }
        .box8{
            font-size: small;
            padding:2px;
        }
        .box9{
            width: 240px;
            height: 400px;
            background-color: rgb(219, 225, 231) ;
            border-radius: 12px;
            position: relative;
            top:-740px;
            float:left;
            left: 530px;
        }
        </style>
</head>
<body>
    <div>
       <div class="box1">
       <div class="box">分类</div>
            <div>
                <ul>
                    <li>电脑 / 办公 / 文具</li>
                    <li>工业品 / 商业 / 定制</li>
                    <li>家电 / 手机 / 数码</li>
                    <li>家具 / 家装 / 家居</li>
                    <li>女装 / 男装 / 配饰</li>
                    <li>女鞋 / 男鞋 / 运动</li>
                    <li>汽车 / 珠宝 / 箱包</li>
                    <li>食品 / 生鲜 / 健康</li>
                    <li>母婴 / 童装 / 潮玩</li>
                    <li>美妆 / 洗护 / 宠物</li>
                    <li>娱乐 / 图书 / 鲜花</li>
                </ul>
                </div>
               <div class="box3">天猫 | 淘宝直播 | 淘宝企业购 | 司法拍卖 
                <div class="box4">
                    <marquee scrollamount ="15" scrolldelay="20">
                    <img src="淘宝图片1.jpg" width="240px" height="160px" >
                    <img src="淘宝图片2.jpg" width="240px" height="160px" >
                    <img src="淘宝图片3.png" width="240px" height="160px" >
                    <img src="淘宝图片4.png" width="240px" height="160px" >
                    <img src="淘宝图片5.jpg" width="240px" height="160px" >
                </marquee>
                <div class="box5">
                    <b>百亿补贴 买贵必赔</b>
                    <img src="小图1.png" width="120px" height="100px">
                </div>
                <div class="box6">
                    <b>淘江湖<span>   人气热帖   </span></b>
                    <!-- <div class="box8">
                        <ul>
                        <li>阿里25周年马云内网发贴：相...</li>
                        <li>换淘宝摸鱼皮肤 赢最高8888元...</li>
                        <li>AI最大的想象力不在手机屏幕,...</li>
                    </ul>
                 </div> -->
                   </div>
                <div class="box7"></div>
                <div class="box9"></div>
                </div>
               </div>
               
            </div>
           </div>
   </body>
</html>